<!-- sudes -->
<div id='sides'>
    <?php
    if(strpos($_SERVER['HTTP_USER_AGENT'],'MSIE 6.0')):
    ?> 
    <div class="alert alert-error box-shadow" style="padding:10px;" >
        <strong>推荐使用:</strong><br/> 
        <a href="https://www.google.com/intl/zh-CN/chrome/" target="_blank">Chrome 谷歌浏览器</a><br/> 
        <a href="http://firefox.com.cn/" target="_blank">Firefox 火狐浏览器</a><br/> 
        <a href="http://windows.microsoft.com/zh-cn/internet-explorer/downloads/ie-9/worldwide-languages" target="_blank">IE-9 微软IE-9</a><br/> 
        <a href="http://windows.microsoft.com/zh-cn/internet-explorer/downloads/ie-10/worldwide-languages" target="_blank">IE-10 微软IE-10</a><br/>
        浏览本站获得目录功能。<br/>
        <strong>HTML5</strong> 支持。
    </div>
    <?php else:?>
    <!-- nav menu -->
    <div id='keyboard' class="box-shadow sides-box">
        <h3><i class="icon icon-map-marker"></i> 键盘按钮说明<span style='color:green;'  class="hint--bottom hint--success" data-hint='使用键盘来阅读文章'>HELP</span></h3>
        <ul>
            <li><i class="icon icon-chevron-up"></i> <strong>&nbsp;g&nbsp;</strong> 滚动到头部标题</li>
            <li><i class="icon icon-th"></i> <strong>&nbsp;m&nbsp;</strong>文章标题列表显示</li>
            <li><i class="icon icon-th-large"></i> <strong>&nbsp;l&nbsp;&nbsp;</strong> 显示该类别文档目录</li>
            <li><i class="icon-"></i> <strong>&nbsp;j&nbsp;&nbsp;</strong> 向下滚动 1/3 屏 </li>
            <li><i class="icon-"></i> <strong>&nbsp;k&nbsp;</strong> 向上滚动 1/3 屏 </li>
            <li><i class="icon-"></i> <strong>&nbsp;n&nbsp;</strong> 滚动到下一个标题 </li>
            <li><i class="icon-"></i> <strong>&nbsp;p&nbsp;</strong> 滚动到上一个标题 </li>
            <li><i class="icon icon-chevron-down"></i> <strong>&nbsp;d&nbsp;</strong> 滚动到底部</li>
        </ul>
    </div>

    <div id="nav" class='popover fade right in'>
        <div class='arrow'></div>
        <ul id='nav-ul' class='nav nav-tabs nav-stacked'></ul>
    </div>

    <?php echo link_script('markdown-tree.js?v1')?>
    <?php endif;// MSIE?>

    <!-- help button -->
    <div id="scrollbar" >
        <a id="btn_top" class="hint--left hint--info" data-hint="使用g滚动到头部"><i class="icon icon-chevron-up"></i></a>
        <a id="btn_nav" class="hint--left hint--info" data-hint='m 显示菜单'><i class="icon icon-th"></i></a>
        <?php if(isset($md_menu)):?>
        <a  id="btn_menu" class="hint--left hint--info" data-hint="显示统级别目录文件"><i class="icon icon-th-large"></i></a>
        <?php endif;?>
        <a id="btn_down" class="hint--left hint--info" data-hint="使用d滚动到底部"><i class="icon icon-chevron-down"></i></a>
        <a href="#comments" title='发表评论'><i class="icon icon-comment"></i></a> 
    </div>

    <?php if(isset($md_menu)):?>
    <div class="modal hide fate" id="md_menu" style="display:none;">
        <div class="modal-body">
            <a class="close" data-dismiss="modal">×</a>
            <?php echo $md_menu;?>
        </div>
        <div class="modal-footer">
            @<a href="/" >OPENGIT</a>
        </div>
    </div>
    <?php endif;//判定是否有menu?>
    

</div>  <!-- end left -->
